<template>
	<p>{{message}}</p>
	<button @click="updateHandle">点击</button>
</template>

<script>
export default {
	data() {
		return {
			message:"Hello"
		}
	},
	methods: {
		updateHandle(){
			this.message = "World"
		}
	},
	watch: {
		//函数名必须与监听的数据对象保持一致
		message(newValue, oldValue) {
			//数据发生变化，自动执行的函数
			console.log(newValue, oldValue);
		}
	}
}
</script>